import {request} from '../../network/request';
import {api_list} from '../../network/api_list';

Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 侧边栏信息
    leftSider: [],
    // 右侧商品信息
    rightGoodsData: [],
    // 左侧选择的index
    selectIndex: 0,
    // 距离顶部的距离
    scrollTop: 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.isCache();
  },
  // 点击左侧的回调函数
  leftSiderChange(index){
    // console.log(index.detail)
    this.setData({
      selectIndex: index.detail,
      scrollTop: 0
    })
  },
  // 判断是否有缓存
  isCache(){
    let cates = wx.getStorageSync('cates');
    // 如果有缓存，而且没有过期就不用取数据了
    if(cates && (Date.now()-cates.time) < 10000) {
      // console.log((Date.now()-cates.time));
      // console.log(cates)
      this.setData({
        leftSider: wx.getStorageSync('cates').data.leftSiderData,
        rightGoodsData: wx.getStorageSync('cates').data.rightSiderData
      });
      // console.log(this.data.rightGoodsData)
    } else {
      this.getGoodsData();
    }
  },
  // 获取信息
  getGoodsData(){
    return request({
      url: api_list.api_getCategoryData,
      method: 'get'
    }).then(res => {
      // console.log(res)
      let leftSiderData = [];
      let rightSiderData = [];
      res.message.map(item => {
        leftSiderData.push(item.cat_name);
        rightSiderData.push(item.children);
      });
      // console.log(rightSiderData)
      this.setData({
        leftSider: leftSiderData,
        rightGoodsData: rightSiderData
      });
      wx.setStorageSync('cates', {data:{leftSiderData,rightSiderData}, time: Date.now()});
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getGoodsData();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    this.getGoodsData().then(
      res => {
        wx.stopPullDownRefresh()
      }
    );
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})